
.index {
  display: flex;
  flex-direction: column;
  width: 100%;
  // align-items: center;
  // height: 100%;
  // background-color: yellow;
}

.top_img {
  width: 750px;
}

.my_info_container {
  display: flex;
  flex-direction: row;
  // background-color: yellow;
  position: absolute;
  margin-top: 200px;
  margin-left: 100px ;
}

.avatar {
  height: 128px;
  width: 128px;
}

.my_info_text {
  display: flex;
  flex-direction: column;
  margin-left: 20px;
  padding: 15px;
  // background-color: green;
  justify-content: space-around;
}

.info_name {
  font-size: large;
  // font-weight: bold;
  color: white;
}

.info_phone {
  color: rgb(221, 221, 221);
}

.my_favorite_container {
  background-color: white;
  border-radius: 20px;
  padding: 40px;
  // position: absolute;
  margin: -100px 20px 0px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
}

.fav_item_container {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.fav_icon {
  height: 64px;
  width: 64px;
  margin-bottom: 10px;
}

.fav_title {
  font-size: medium;
}

.text1 {
  font-size: larger;
}

.text2 {
  font-size: large;
}

.text21 {
  font-size: x-large;
}

.text22 {
  font-size: xx-large;
}

.text3 {
  font-size: medium;
}

.text4 {
  font-size: small;
}

.text5 {
  font-size: smaller;
}

.text6 {
  font-size: x-small;
}

.text7 {
  font-size: xx-small;
}

.menu_container {
  background-color: white;
  border-radius: 20px;
  padding: 5px 40px;
  // position: absolute;
  margin: 20px 20px 0px;
  display: flex;
  flex-direction: column;
  // justify-content: space-around;
}

.menu_item_container {
  display: flex;
  flex-direction: row;
  align-items: center;
  // justify-content: center;
  border-top-width: 1px;
  border-color: rgb(233, 233, 233);
  border-style: solid none none none;
  // background-color: rgb(223, 223, 223);
  // margin: 10px;
  padding: 20px 0px;
}

.menu_item_container_first {
  border-style: none none none none;
  // padding: 0px 0px 10px 0px;
}

.menu_icon {
  height: 40px;
  width: 40px;
}

.menu_title {
  font-size: medium;
  margin-left: 20px;
  flex: 1;
}

